<template>
<div class="footerBox">
    <div class="footer">
        <ul>
            <li>
                <!-- 默认首页 / -->
                <router-link to="/">
                    <van-icon name="wap-home-o" size='1.5rem'/>
                    <p>首页</p>
                </router-link>
            </li> 
        <!-- 分类 -->
            <li>
                <router-link to="/product/type/index">
                    <van-icon name="apps-o" size='1.5rem'/>
                    <p>分类</p>
                </router-link>
            </li>

            <li>
                <router-link to="/product/cart/index">
                <van-icon name="shopping-cart-o" size='1.5rem'/>
                <p>购物车</p>
                </router-link>
            </li>
            <li>
        <router-link to="/user/base/index">
        
            <van-icon name="user-o" size='1.5rem'/>
            <p>我的</p>
        </router-link>
            </li>
        </ul>
    </div>
</div>
</template>
<script>
export default {
    name:"menus",
}
</script>
<style>
    .footer a{
        text-align: center;
    }
    .footer a.active p{
        color:#fe7923 !important;
    }
    .footer a.active .van-icon{
        color:#fe7923 !important;
    }
    .footerBox .footer ul{
        padding:.3rem 0rem;
    }


</style>